<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="lib\jquery-1.12.4.js"></script>
    <script src="js\shipin.js"></script>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css\set.css">
    <link rel="stylesheet" href="css\shipin.css">
</head>

<body>
    <div class="head">
        <div class="header">

            <ul class="mainul">
                <li><i class="fa fa-home" aria-hidden="true"></i>主页</li>
                <li><i class="fa fa-youtube-play" aria-hidden="true"></i>番剧</li>
                <li><i class="fa fa-television" aria-hidden="true"></i>视频</li>
                <li><i class="fa fa-play" aria-hidden="true"></i>直播</li>
                <li><i class="fa fa-shopping-cart" aria-hidden="true"></i>周边</li>
                <li id="search"><input type="text" class="search">
                    <button id="searchbutton">搜索<i class="fa fa-search" aria-hidden="true"></i></button>
                </li>
                <li><i class="fa fa-book" aria-hidden="true"></i>漫画</li>

                <li><i class="fa fa-envelope" aria-hidden="true"></i>私信</li>
                <li><i class="fa fa-circle-o" aria-hidden="true"></i>动态</li>
                <li><i class="fa fa-history" aria-hidden="true"></i>历史</li>
                <li class="denglu">
                    <a href="">
                        <div id="dengluimg"><img src="img\屏幕截图 2022-03-29 203514.png" alt=""></div>
                        <div>
                            <div id="login">登录/注册</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="center">
        <div class="left">
            <div class="bt">
                <div class="zbt">
                    <a href="#">标签</a>
                    <span>郭志强的幸福时光</span>
                </div>
                <div class="fbt">
                    <span>33.3万播放</span>
                    <span>2022-03-28 14.14.14</span>
                </div>
            </div>
            <video width="640px" height="447px" controls>
                <source src="video\680750314_19_0.mp4" type="video/mp4">
            </video>
            <div class="dz">
                <span><i class="fa fa-thumbs-up" aria-hidden="true"></i>
                    <b>100.0万</b>
                </span>
                <span><i class="fa fa-star" aria-hidden="true"></i><b>50.0万</b></span>
                <span><i class="fa fa-share" aria-hidden="true"></i><b>10.0万</b></span>
                <span><a href="#">视频投诉</a></span>
            </div>
            <div class="xbt">
                <p>未经允许禁止转载</p>
            </div>
            <div class="pl">
                <div class="plbt"><span>0</span>评论</div>
                <div class="fabuk">
                    <span id="dengluimg2"><img src="img\屏幕截图 2022-03-29 203514.png" alt=""></span>
                    <textarea name="" id="txt" cols="30" rows="10"></textarea>
                    <button id="btn">发布</button>
                </div>
            </div>
            <div class="plq">

                <!-- <div class="pinlun">
                    <div class="pinglimg"></div>
                    <div class="pinglnr">
                        <p class="name">郭志强</p>
                        <p class="text">
                            123123123123123123112312312312312312311231231231231231231123123123123123123112312312312312312311231231231231231231
                        </p>
                        <p class="xingxi">
                            <span class="shijian">2022-03-28 14.14.14</span>
                            <span class="dianzai"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><b></b></span>
                            <span class="diancai"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i></span>
                            <span class="huifu">回复</span>
                        </p>
                        <ul class="huifuq">
                            <li>
                            </li>
                        </ul>
                    </div>
                    
                </div> -->
            </div>
        </div>
        <div class="right">
            <div class="mingpian">
                <div class="touxiang"><a href="#"><img src="img\屏幕截图 2022-03-29 203514.png" alt=""></a></div>
                <div class="mpnr">
                    <p class="mpname"><a href="#">姓名</a><span><i class="fa fa-envelope" aria-hidden="true"></i>私信</span>
                    </p>
                    <p class="mpjj"> 个人简介</p>
                    <p><button class="gz">点关注，不迷路</button></p>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="xgtj"><a href="#">
                    <p>相关推荐 <i class="fa fa-align-justify" aria-hidden="true"></i><span>更多</span></p>
                </a>
            </div>
            <div class="tjnr">
                <div class="tuijan">
                    <div class="tjimg"><img src="img\lunbo1.jpg" alt=""></div>
                    <div class="tjxx">
                        <p class="tjbt">123123123123123123123123123123</p>
                        <p class="zzname"><a href="#">123123</a></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="tuijan">
                    <div class="tjimg"><img src="img\lunbo1.jpg" alt=""></div>
                    <div class="tjxx">
                        <p class="tjbt">123123123123123123123123123123</p>
                        <p class="zzname"><a href="#">123123</a></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="tuijan">
                    <div class="tjimg"><img src="img\lunbo1.jpg" alt=""></div>
                    <div class="tjxx">
                        <p class="tjbt">123123123123123123123123123123</p>
                        <p class="zzname"><a href="#">123123</a></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="tuijan">
                    <div class="tjimg"><img src="img\lunbo1.jpg" alt=""></div>
                    <div class="tjxx">
                        <p class="tjbt">123123123123123123123123123123</p>
                        <p class="zzname"><a href="#">123123</a></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="tuijan">
                    <div class="tjimg"><img src="img\lunbo1.jpg" alt=""></div>
                    <div class="tjxx">
                        <p class="tjbt">123123123123123123123123123123</p>
                        <p class="zzname"><a href="#">123123</a></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="tuijan">
                    <div class="tjimg"><img src="img\lunbo1.jpg" alt=""></div>
                    <div class="tjxx">
                        <p class="tjbt">123123123123123123123123123123</p>
                        <p class="zzname"><a href="#">123123</a></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</body>

</html>